<template>
	<view class="feedback">
		<view class="feedback-view">
			<view class="feedback-view-title">向开发者反馈</view>
			<view class="feedback-view-blok" v-for="(item,index) in developList" :key="index"
				@click="toFeedbackInfo(item.type)">
				<view>
					<view>{{item.title}}</view>
					<view>{{item.tips}}</view>
				</view>
				<image src="../../../static/greater.png" mode=""></image>
			</view>
		</view>
		<view class="feedback-view">
			<view class="feedback-view-title">向平台举报</view>
			<view class="feedback-view-blok" v-for="(item,index) in platformList" :key="index"
				@click="toFeedbackInfo(item.type)">
				<view>
					<view>{{item.title}}</view>
					<view>{{item.tips}}</view>
				</view>
				<image src="../../../static/greater.png" mode=""></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				developList: [{
						title: "功能体验与使用",
						tips: "向开发者反馈小程序功能及运行异常问题",
						type: "1",
					},
					{
						title: "商品内容与服务",
						type: "2",
						tips: "若遇商品、内容或服务质量等问题，可向开发者提交信息"
					},
					{
						title: "相关咨询与建议",
						type: "3",
						tips: "咨询、建议、及其他问题反馈"
					},
				],
				platformList: [{
						title: "违规举报",
						type: "4",
						tips: "色情、诱导、恶意营销、违法犯罪问题"
					},
					{
						title: "功能投诉",
						type: "5",
						tips: "小程序功能与宣传描述不符等"
					},
				]
			};
		},
		methods: {
			toFeedbackInfo(item) {
				uni.navigateTo({
					url: `/pages/My-self/feedback/feedback-info?type=${item}`
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	.feedback {
		margin: 20rpx 0;
		padding: 0 35rpx;
		font-size: 26rpx;

		.feedback-view-title {
			margin: 50rpx 0 35rpx 0;
			color: #8B8989;
			font-size: 22rpx;
		}

		.feedback-view-blok {
			display: flex;
			align-items: center;
			justify-content: space-between;
			color: #000000;
			font-weight: 600;
			padding-bottom: 5rpx;
			border-bottom: 1rpx solid #EEE9E9;
			margin: 35rpx 0;

			>view>view+view {
				font-size: 24rpx;
				color: #8B8989;
				margin: 20rpx 0;
				font-weight: normal;
			}

			>view {
				flex: 1;
			}

			>image {
				width: 20rpx;
				height: 30rpx;
			}
		}
	}
</style>